<script lang="ts" setup>

</script>

<template>
  <div class="w-full overflow-scroll">
    <div class="flex gap-3 overflow-x-scroll whitespace-nowrap">
      <div class="item">
        <img src="../pic/t1.gif" alt="">
      </div>
      <div class="item">
        <img src="../pic/t2.gif" alt="">
      </div>
      <div class="item">
        <img src="../pic/t3.gif">
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.item {
  --uno: 'h-38 w-29 rounded-2 overflow-y-hidden flex-[0_0_auto]';
  img {
    --uno: 'w-full';
  }
}
</style>
